<script setup>
import GameItem from '@/components/GameItem.vue'
let buttonColo = '#f5f5f5'
// let bgColor = '#31282a'
let btnType = 'gain'
// let btnHight = '60px'
let textColor = '#818181'

let list = [1, 2, 3, 4]
// 获取整个窗口的宽度
var windowWidth = window.outerWidth
let swipeWidth = windowWidth - 60
</script>
<template>
  <div class="application-item-list">
    <div class="item-list-top">
      <div style="color: #818181; font-weight: bold">专题</div>
      <div class="item-list-top-title">时下畅销游戏</div>
      <van-swipe class="my-swipe" indicator-color="white" :width="swipeWidth">
        <van-swipe-item v-for="(item, index) in list" :key="index" class="my-swipe-item">
          <GameItem
            v-for="(item, index) in list"
            :key="index"
            class="application-box-introduce"
            :buttonColo="buttonColo"
            :itemType="'cloud'"
            :btnType="'gain'"
            :textColor="textColor"
          ></GameItem
        ></van-swipe-item>
      </van-swipe>
    </div>
  </div>
</template>

<style lang="scss" scoped>
.application-item-list {
  padding: 10px 0px;

  border-radius: 12px;
}

.item-list-top-title {
  font-weight: bold;
  font-size: 28px;
  margin-top: 6px;
  margin-bottom: 6px;
}
.application-box-introduce {
  margin-right: 10px;
}
.my-swipe .my-swipe-item:last-of-type {
  margin-right: 0px;
}
</style>
